<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>test</title>


<script src="amrio.js"></script>
<script src="drag.js"></script>
<script src="fade.js"></script>
<script src="event.js"></script> 

<script type="text/javascript">
//test main
$(function(){
	var test = $("div.test").drag();

	$("#toggle_fade_btn").click(function(){
		$("#test1").toggleFade();	
	});
});

</script>
</head>

<body>
<div>
	<button id="toggle_fade_btn">test toggleFade</button>
</div>
<div id="test" class="test" style="background:#ccc; width:200px; height:200px; ">
	<div id="title" style="background:#999; width:100%; height:24px;">title</div>
    <div id="content">
    	try drag
    </div>
</div>

<div id="test1" class="test" style="background:#999; width:200px; height:200px;">
	<div id="title1" style="background:#ccc; width:100%; height:24px;">title1</div>
    <div id="content1">
    	try drag
    </div>
</div>

</body>
</html>
